<html>
<head>
	<title>Spatial MM Casting Browser</title>
	<script type="text/javascript" src="./scripts/jquery.js"></script>
	<script type="text/javascript" src="./scripts/gchart.js"></script>
	<script type="text/javascript" src="./scripts/jquery.tablescroll.js"></script>
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
	<script type="text/javascript">
		google.load('visualization', '1', {'packages': ['geochart']});
	</script>
	<link rel="stylesheet" href="./styles/style.css" type="text/css" />
</head>
<body onload="loadVisualization(0)">
	<form id="cquery">
		Find casting calls for
		<select name="seeking" id="seeking">
			<option value=0 selected>Female Models</option>
			<option value=1>Male Models</option>
			<option value=3>Photographer</option>
			<option value=4>Makeup Artist</option>
			<option value=5>Hair Stylist</option>
			<option value=6>Wardrobe Stylist</option>
			<option value=8>Retoucher</option>
			<option value=9>Artist/Painter</option>
			<option value=10>Body Painter</option>
			<option value=11>Publication</option>
			<option value=12>Filmmaker</option>
			<option value=13>Clothing Designer</option>
			<option value=14>Approved Agency</option>
			<option value=15>Digital Artist</option>
		</select><br />
		<table>
			<tr>
				<td>
					<select name="country" id="country" onchange="loadVisualization(0)">
						<option value="CA">Canada</option>
						<option value="US" selected>United States</option>
					</select>
					<fieldset><legend>Included states</legend>
						<select multiple name="states[]" id="stateSelector" size=12>
						</select>
					</fieldset>
				</td>
				<td>
					<fieldset><legend>Parameters</legend>
						Involve nudity: <br />
							<ul>
								<li><input type="radio" name="nudity" value="2" />Any</li>
								<li><input type="radio" name="nudity" value="1" />Yes</li>
								<li><input type="radio" name="nudity" value="0" checked />No</li>
							</ul>
						Compensation: <br />
							<ul>
								<li><input type="radio" name="compensation" value=0 checked />Any</li>
								<li><input type="radio" name="compensation" value="TF" />TF</li>
								<li><input type="radio" name="compensation" value="Paid" />Paid</li>
								<li><input type="radio" name="compensation" value="Unpaid Test" />Unpaid Test</li>
								<li><input type="radio" name="compensation" value="Negotiable" />Negotiable</li>
								<li><input type="radio" name="compensation" value="TFMMVIP" />TFMMVIP</li>
							</ul>
					</fieldset>
				</td>
				<td>
					Click on the states in the map below to add those states to your selection.<br />
					Casting data is lagging 1 day behind actual casting.<br />
					Tabular data may appear within a few seconds, but rendering the chart takes way longer.<br />
					Please be patient :)<br />
					Tested and compatible with:<br />
					- Firefox 12+<br />
					- IE9 (with Chrome Frame)<br />
					- Android-based browsers<br />
					Please help with <a href="http://www.modelmayhem.com/po.php?thread_id=832269">test-drive</a>
				</td>
			</tr>
		</table>
		<input type="button" value="Regenerate Chart" onclick="loadVisualization(1)" />
		<input type="button" value="Clear State Selection" onclick="clearState()" />
	</form>
	<table class='borderless'>
		<tr>
			<td>
				<div id="status"></div>
				<div id="visualization"></div>
				<div id="debug"></div>
			</td>
			<td>
				<table id="castingTable" cellspacing=0>
				</table>
			</td>
	</table>
</body>
</html>
